<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
	<title>Window</title>
	<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
	<link rel="stylesheet" type="text/css" href="./menus.css" />
	<link rel="stylesheet" type="text/css" href="../examples.css" />

	<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="../../ext-all-debug.js"></script>

	<style type="text/css">
    .x-panel-body p {
        margin:10px;
        font-size:12px;
    }
    </style>
</head>
<body>
	<form id="form1" runat="server">
	</form>
	<ssfx:Scriptlet runat="server" ID="scriptlet" EnableDebugging="True" PrecompiledScriptlet="SampleScripts.window.HelloScript">
        <References>
            <ssfx:AssemblyReference Name="sscorlib"></ssfx:AssemblyReference>
            <ssfx:AssemblyReference Name="ssfx.Core"></ssfx:AssemblyReference>
            <ssfx:AssemblyReference Name="ExtSharp"></ssfx:AssemblyReference>
            <ssfx:AssemblyReference Name="SampleScripts"></ssfx:AssemblyReference>
        </References>
	</ssfx:Scriptlet>
	<h1>
		Hello World Window</h1>
	<p>
		This example shows how to create a very simple modal Window with "autoTabs" from
		existing markup.</p>
	<input type="button" id="show-btn" value="Hello World" /><br />
	<br />
	<p>
		Note that the js is not minified so it is readable. See <a href="hello.js">hellos.js</a>
		for the full source code.</p>
	<div id="hello-win" class="x-hidden">
		<div class="x-window-header">
			Hello Dialog</div>
		<div id="hello-tabs">
			<!-- Auto create tab 1 -->
			<div class="x-tab" title="Hello World 1">
				<p>
					Hello...</p>
			</div>
			<!-- Auto create tab 2 -->
			<div class="x-tab" title="Hello World 2">
				<p>
					... World!</p>
			</div>
		</div>
	</div>
	</form>
</body>
</html>
